@import '../scss/mixin';
@import '../scss/variable';


.footer {
    @include wh(100%, 100px);
    @include flex(column, center, center, wrap);
    box-shadow: rgba($color: #000000, $alpha: .5) 0 0px 18px 0px;
    z-index: 999;

    dl {
        flex: 1;
        margin-bottom: 0px;
        color: gray;
        dt {
            @include wh(100%, 65px);
            text-align: center;
            line-height: 65px;
            i{
                font-size: .44rem;
            }
        }

        dd {
            @include wh(100%, 35px);
            text-align: center;
            line-height: 35px;
            font-size: $base-size-s;
            margin-bottom: 0px;
            color: #000000;
        }

        &.active {
            color: $base-title-color;
        }
    }
}